实现图片的展示和大图预览

使用wx.previewImage(OBJECT)来实现

OBJECT参数说明：

参数	类型	必填	说明
current	String	否	当前显示图片的链接，不填则默认为 urls 的第一张
urls	StringArray	是	需要预览的图片链接列表
success	Function	否	接口调用成功的回调函数
fail	Function	否	接口调用失败的回调函数
complete	Function	否	接口调用结束的回调函数（调用成功、失败都会执行）

示例代码：

wx.previewImage({  current: '', // 当前显示图片的http链接  urls: [] // 需要预览的图片http链接列表})

地址：https://mp.weixin.qq.com/debug/wxadoc/dev/api/media-picture.html#wxpreviewimageobject

 

实例代码

wxml

                 
                    
       
        图片列表
                   
                  
                    
                       
                          
                         
                      
                    
                
     

js

clickImage: function (e) {       var current = e.target.dataset.src       wx.previewImage({           current: current,           urls: ImageLinkArray,//内部的地址为绝对路径            fail: function() {         　　　　console.log('fail')      　　　　 },           complete: function () {               console.info("点击图片了");           },       })   },

 

欢迎阅读本系列文章：